<template>
  <div class="article">
    <!-- 没有名字的插槽，叫做默认插槽 -->
    <!-- 没有名字的插槽，其实是有名字的，名字是 default -->
    <!-- 传递数据的插槽，叫做作用域插槽 -->
    <slot aa="《" b="》" c="!!!">
      <h2>这是默认标题</h2>
    </slot>

    <!-- 下面有名字的插槽，叫做具名插槽 -->
    <slot name="author">
      <div>请传递作者</div>
    </slot>

    <slot name="content">
      <p>文章内容</p>
    </slot>
  </div>
</template>

<style lang="less" scoped>
.article {
  background-color: lightgreen;
  padding: 10px;
}
</style>
